<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./assets/css/normalize.css">
    <link rel="stylesheet" href="./assets/css/common.min.css">
    <link rel="stylesheet" href="./assets/css/personal.min.css">
</head>

<body>
    <header class="header">
        <div class="left">
            <div class="ico-1"></div>
            <div class="ico-2"></div>
            <div class="name">Gavin</div>
            <a href="#" class="edit-infoa">查看编辑个人资料</a>
        </div>

        <div class="right-photo"></div>
    </header>

    <section class="section-2">
        <div class="item">
            <div class="data">86</div>
            <div class="text">关注</div>
        </div>
        <div class="item">
            <div class="data">128</div>
            <div class="text">粉丝</div>
        </div>
        <div class="item">
            <div class="data">420</div>
            <div class="text">获赞</div>
        </div>
        <div class="estate">Lv.16</div>
    </section>

    <section class="section-3">
        <div class="title">我的换圈</div>
        <div class="nav">
            <div class="item">
                <div class="ico"></div>
                <div class="text">想换</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">评论</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">收藏</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">记录</div>
            </div>
        </div>
    </section>

    <section class="section-4">
        <div class="list">
            <div class="item">
                <div class="text">我发布的</div>
                <div class="ico"></div>
            </div>
            <div class="item">
                <div class="text">我卖出的</div>
                <div class="ico"></div>
            </div>
            <div class="item">
                <div class="text">我购买的</div>
                <div class="ico"></div>
            </div>
            <div class="item">
                <div class="text">我互换的</div>
                <div class="ico"></div>
            </div>
            <div class="item">
                <div class="text">联系客服</div>
                <div class="ico"></div>
            </div>
        </div>
    </section>

    <footer class="footer-nav">

        <div class="item">
            <div class="ico"></div>
            <div class="text">首页</div>
        </div>
        <div class="item">
            <div class="ico"></div>
            <div class="text">换圈</div>
        </div>
        <div class="item">
            <div class="ico"></div>
            <div class="text">发布</div>
        </div>
        <div class="item">
            <div class="ico"></div>
            <div class="text">探索</div>
        </div>
        <div class="item">
            <div class="ico"></div>
            <div class="text">我的</div>
        </div>

    </footer>
    <!-- JS -->
    <script src="./assets/js/flexible.js"></script>
</body>

</html>